<!DOCTYPE html>
<html lang="en">
<head>
    <base href="/task/">
    <meta charset="UTF-8">
    <title>后台管理</title>
    <meta name="keywords" content="后台管理"/>
    <meta name="description" content="后台管理"/>
    <link rel="stylesheet" href="./js/plugin/layui/css/layui.css">
    <link rel="stylesheet" href="./css/build/login.css">
</head>
<body>
<div class="smart-login">
    <h1>后台管理</h1>
    <div class="content">
        <div id="form_login">
            <h3 class="login-title">登录 </h3>
            <div class="layui-form layui-form-pane" id="login">
                <div class="layui-form-item">
                    <label class="layui-form-label"><img src="./images/common/login-user.png"></label>
                    <div class="layui-input-block ">
                        <input type="text" name="userName" id="username" autocomplete="off"
                               lay-verify="required" placeholder="请输入您的用户名" class="layui-input ">
                    </div>
                </div>
                <div class="layui-form-item ">
                    <label class="layui-form-label"><img src="./images/common/login-pwd.png"></label>
                    <div class="layui-input-block  ">
                        <input type="password" name="userPwd" id="password" autocomplete="off"
                               lay-verify="required" placeholder="请输入您的密码" class="layui-input ">
                    </div>
                </div>
                <div class="layui-form-item  layui-form-icon">
                    <input type="checkbox" name="remember" title="记住密码" lay-skin="primary" id="remember">
                </div>
                <div class="layui-form-item" >
                    <button type="button" class="layui-btn layui-btn-normal layui-btn-fluid" id="smartLogin">登录</button>
                </div>
                
                <!--<div class="layui-form-item  login-third">-->
                <!--<p><i class="line"></i>  第三方登录  <i class="line"></i></p>-->
                <!--<div><a href="javascript:void(0);" class="login-third-wx"></a></div>-->
                <!--</div>-->
            </div>
        </div>
        <div id="form_reg" style="display: none;">
            <h3 class="login-title" style="margin-bottom: 30px;">注册 <span class="right"><span style="color: #666;">已有帐号？</span> <a href="javascript:showLogin();" style="color: #EB9316;">去登陆</a></span></h3>
            <div class="layui-form layui-form-pane" id="reg">
                <div class="layui-form-item">
                    <label class="layui-form-label"><img src="/images/common/login-user.png"></label>
                    <div class="layui-input-block ">
                        <input type="text" name="userName" id="reg_username" value="" autocomplete="off"
                               lay-verify="required" placeholder="请输入您的邮箱" class="layui-input ">
                    </div>
                </div>
                <div class="layui-form-item ">
                    <label class="layui-form-label"><img src="/images/common/login-pwd.png"></label>
                    <div class="layui-input-block  ">
                        <input type="text" name="verificationCode" value="" id="reg_img_code" autocomplete="off"
                               lay-verify="email" placeholder="请输入验证码" class="layui-input" style="width:69%;display: inline;">
                        <img src="/common/getverifycode" id="imgcode" style="cursor: pointer;">
                    </div>
                </div>
                <div class="layui-form-item ">
                    <label class="layui-form-label"><img src="/images/common/login-pwd.png"></label>
                    <div class="layui-input-block  ">
                        <input type="text" name="userEmailCode" value="" id="reg_mail_code" autocomplete="off"
                               lay-verify="required" placeholder="请输入邮箱验证码" class="layui-input" style="width:69%;display: inline;">
                        <button id="reg_code_send" class="layui-btn layui-btn-normal" type="button">发送验证码</button>
                    </div>
                </div>
                <div class="layui-form-item ">
                    <label class="layui-form-label"><img src="/images/common/login-pwd.png"></label>
                    <div class="layui-input-block  ">
                        <input type="password" name="userPwd" value="" id="reg_password" autocomplete="off"
                               lay-verify="required" placeholder="请输入您的密码" class="layui-input ">
                    </div>
                </div>
                <div class="layui-form-item">
                    <button type="button" class="layui-btn layui-btn-normal layui-btn-fluid" id="reg_btn">注册</button>
                </div>
            </div>
        </div>

        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
            <!--<ul class="layui-tab-title">-->
                <!--<li class="layui-this">登录</li>-->
                <!--<li>注册</li>-->
            <!--</ul>-->
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">

                </div>
                <div class="layui-tab-item">

                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="./js/plugin/jquery-2.2.4.min.js"></script>
<script src="./js/plugin/layui/src/layui.js"></script>
<script src="./js/util.js"></script>
<script src="./js/mylayui.js"></script>
<script src="./js/src/login.js"></script>
</html>